﻿@model Authentication.Model.ViewModel.Account.RegisterUserViewModel
@{
    ViewBag.Title = "Register";
}
<ul class="breadcrumb">
    <li>
        <i class="icon-group"></i>
        <a href="/">Account</a>
        <i class="icon-angle-right"></i>
    </li>
    <li>
        <i class="icon-edit"></i>
        <a href="#">Register account</a>
    </li>
</ul>
<!--/span-->

<div class="row-fluid">
    <div class="box span12">
        <div class="box-header" data-original-title>
            <h2><i class="halflings-icon user"></i><span class="break"></span>Registration Form</h2>
            <div class="box-icon">
                <a href="#" class="btn-minimize"><i class="halflings-icon chevron-up"></i></a>
            </div>
        </div>
        <div class="box-content">
            @using (Html.BeginForm("Register", "Account", FormMethod.Post, new { @class = "form-horizontal" }))
            {
                <div class="validation-summary alert alert-error">
                    <a class="close" data-dismiss="alert">×</a>
                    <h5 class="alert-heading">Register validate</h5>
                    @Html.AntiForgeryToken()
                    @Html.ValidationSummary()
                </div> 
                <fieldset>
                    <div class="control-group">
                        <label class="control-label" for="FirstName">Full name:</label>
                        <div class="controls">
                            @Html.TextBoxFor(m => m.FirstName)
                            @Html.TextBoxFor(m => m.LastName)
                        </div>
                    </div>

                    <div class="control-group">
                        @Html.LabelFor(m => m.Email, new { @class = "control-label" })
                        <div class="controls">
                            @Html.TextBoxFor(m => m.Email)
                        </div>
                    </div>

                    <div class="control-group">
                        @Html.LabelFor(m => m.Mobile, new { @class = "control-label" })
                        <div class="controls">
                            @Html.TextBoxFor(m => m.Mobile)
                        </div>
                    </div>

                    <div class="control-group">
                        @Html.LabelFor(m => m.UserName, new { @class = "control-label" })
                        <div class="controls">
                            @Html.TextBoxFor(m => m.UserName)
                        </div>
                    </div>

                    <div class="control-group">
                        @Html.LabelFor(m => m.Password, new { @class = "control-label" })
                        <div class="controls">
                            @Html.PasswordFor(m => m.Password)
                        </div>
                    </div>

                    <div class="control-group">
                        @Html.LabelFor(m => m.ConfirmPassword, new { @class = "control-label" })
                        <div class="controls">
                            @Html.PasswordFor(m => m.ConfirmPassword)
                        </div>
                    </div>

                    <div class="control-group hidden-phone">
                        @Html.LabelFor(x => x.VerificationCode, new { @class = "control-label" })
                        <div class="controls">
                            @Html.TextBoxFor(x => x.VerificationCode)
                            @Html.HiddenFor(x => x.VerificationImageUrl)<br />
                            <img src="~/Content/img/@Model.VerificationImageUrl" />
                        </div>
                    </div>

                    <div class="form-actions">
                        <button type="submit" class="btn btn-primary">Register</button>
                        <button type="reset" class="btn">Cancel</button>
                    </div>
                </fieldset>
            }
        </div>
    </div>
    <!--/span-->
</div>
<!--/row-->
